<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>网上书城</title>
    <style type="text/css">
        body{margin: 0px;padding: 0px;}
        div{font-family: 楷体;color: black;}
        li{float:left;list-style-type: none;text-align: center}
        a{float: left;text-decoration: none;width: 120px;height: 25px;
            color:white;background-color: darkcyan;padding: 3px 10px;border-right: 1px solid white;text-align: center}
        ul{margin: 0px;}
        p{margin: 0px;}
        div{font-family: 楷体; color: black;}
        a:hover{background-color: yellow}
        a:link{color: white}
        a:active{color: red}
        a:visited{color: white}
        #container{width: 800px;padding: 5px;border: 1px solid black;margin: 0 auto;}
        #header{width: 100%;height: 80px;border-bottom: 1px solid black;}
        #content{width: 100%;height: 200px;border-bottom: 1px solid black;border-bottom-width: 2px}
        #footer{width: 100%;height: 80px}
        #updown{
            position: relative;
            top: 38%;
            font-size: 25px;
        }



    </style>


</head>
<body>
<div id="container">
    <div style="height: 40px">
        <ul>
        <li style="height: 40px;"><b style="font-size: 20px;line-height: 40px;folat:left">MYBOOK &nbsp;&nbsp;</b> </li>
            <li style="height: 40px;"><p style="font-size: 20px;margin: 8px;auto;">网上书城</p> </li>
            <li style="float: right;height: 40px"> <a href="#" style="padding-top: 5px;padding-bottom: 0px;background-color: blanchedalmond;color: black" onmouseover="this.style.background='yellow'" onmouseout="this.style.background = 'blanchedalmond'">[注册]</a></li>
            <li style="float: right;height: 40px"> <a href="#" style="padding-top: 5px;padding-bottom: 0px;background-color: blanchedalmond;color: black" onmouseover="this.style.background='yellow'" onmouseout="this.style.background = 'blanchedalmond'">[登录]</a></li>

        </ul>

    </div>
    <div style="height: 31px;background-color: lightsteelblue">
        <ul style=" ">
            <li style=" "><a href="#" name="首页" id="1"target="_blank">首页</a> </li>
            <li style=" "><a href="#" name="用户管理" id="2"target="_blank">用户管理</a> </li>
            <li style=" "><a href="#" name="购物车" id="3"target="_blank">购物车</a> </li>
            <li style=" "><a href="#" name="订单" id="4"target="_blank">订单</a> </li>
            <li style=" "><a href="#" name="推出" id="5"target="_blank">推出</a> </li>


        </ul>
    </div>
</div>
<div id="content">
    <div>
        <p>>>欢迎访问 <b>网上书城</b></p>
        <br>
        <p style="background-color: yellowgreen">·网上书城→用户登录</p>
        <br>
    </div>
    <form>
        <table style="width: 100%">
            <caption style="background-color: #b3a080;color: white">输入您的用户名、密码登录</caption>
            <tr>
                <td>请输入你的用户名:</td>
                <td><input type="text" name="host">没有注册？</td>
            </tr>
            <tr>
                <td>请输入你的密码:</td>
                <td><input type="password" name="pw"></td>
            </tr>
            <tr>
                <td align="center" colspan="2"><input type="submit" name="login" value="登陆">
                    <input type="reset" name="re" value="重置"></td>

            </tr>

        </table>
    </form>
</div>
<div id="footer">
    <div style="background-color: blanchedalmond;height: 30px"></div>
    <br>
    <p align="center" >Copyright 2009-2014 北京网上书城科技有限公司 电话：4000-118-118</p>


</div>
</div>
</body>
</html>